.eamil{background-color: #f5f8fa;
  .header{ width: 1200px; margin:0 auto ; padding: 10px 0 0 0; position: relative;
    .right{float: right}
    .left{
      float: left;}
    #top{margin-bottom: 20px;
      height:20px; line-height: 20px;padding: 0 25px; font-size: 15px;}
    #se{ margin-bottom: 20px; padding: 10px 0 0 110px; height :97px; margin: 0 auto;
      width:1200px; position: relative; margin-bottom: 20px;
      #logo{ margin-right: 55px; float:left;}
      #serach_f{width:670px; height:50px;border: 1px #e01222 solid; float:left; position: absolute;
        right:200px; top: 25px;
        color: #cccccc; line-height: 50px; font-size: 15px; padding-left: 5px;
        #serach{
          width:136px; height:50px; background-color: #e01222; position: absolute;
          right:0; bottom: 0; color:#FFFFFF;  font-size: 15px; line-height:50px; text-align: center;}}}
    .banner{#kind{width: 180px;
      height:45px; background-color: #e01222; line-height: 45px; font-size: 15px; color: #FFFFFF;
      text-align: center;
      float: left; }
      li{float: left;
        a{ display: block;padding: 0 25px;
          color: #000;height:45px; line-height: 45px; float: left;font-size: 16px;}
      }
      span{ line-height: 45px;}

    }
    .weal{
      width: 194px;
      height:46px;position: absolute;
      right:0; bottom: 3px;
      .box1{
        width:46px;
        height:46px;border-radius:50% ; position: absolute;
        background: url(../img/information/福利.png) no-repeat center;
        left:0; z-index: 3; background-color: #FFFFFF}}
    .box2{
      width:164px; height: 33px;
      color: #faca40; background-color: #e10222; position: absolute;
      right:0;
      top:6px; text-align: center; line-height: 33px;}

  }
  .line{
    height:2px; background-color: #e01222; margin-bottom: 25px;}
  .main {
    width: 1200px;
    margin: 0 auto;
    height: 978px;
    padding-bottom: 20px;
    .nav {
      padding: 0 8px;
      float: left;
      width: 160px;
      margin: 0 auto;
      background-color: #FFFFFF;
      .personal {
        height: 51px;
        background: url(../img/information/per.png) no-repeat;
        background-position: left 20px top 20px;
        border-bottom: 3px #e10222 solid;
        font-size: 16px;
        color: #e10222;
        line-height: 51px;
        text-align: center;
        img {
          margin-right: 10px;
        }
      }
      #per {
        font-size: 14px;
        text-align: center;
        background: url(../img/information/个人资料le.png) no-repeat;
        background-position: left 20px top 25px;
        height: 50px;
        line-height: 30px;
        text-align: center;
        padding-top: 20px;
        img {
          margin-right: 12px;
          font-size: 14px;
        }
      }
      ul {li {
        line-height: 30px;
        text-align: center;
        height: 29;
        a{
          color: #9999a6;
          font-size: 13px
        }

      }}
      #deal {
        background: url(../img/information/天平.png) no-repeat;
        background-position: left 20px top 25px;
      }
      #qq {
        background: url(../img/information/qq.png) no-repeat;
        background-position: left 20px top 25px;
        border: none;
      }
      #rich {
        background: url(../img/information/资产.png) no-repeat;
        background-position: left 20px top 25px;
      }
      #collect {
        background: url(../img/information/收藏文件夹.png) no-repeat;
        background-position: left 20px top 25px;
      }
      #deal, #qq, #collect, #rich {
        font-size: 14px;
        text-align: center;
        height: 50px;
        line-height: 30px;
        text-align: center;
        padding-top: 20px;
        img {
          margin-right: 12px;
          font-size: 14px;
        }
      }
      ul {
        border-bottom: 1px #cccccc solid;
        padding-bottom: 20px;
        li {
          .link{color: #e10222;}
          line-height: 30px;
          text-align: center;
          height: 29px;
          a {
            color: #9999a6;
            font-size: 13px
          }
        }
      }
    }
  }
  .footer{ margin: 0 auto;
    width:1200px;
    border-top:2px #e10222 solid;
    .p1{
      height:35px; line-height: 35px; border-bottom: 1px #cccccc solid; text-align: center;
      span{
        color: #cccccc;}
      a{  padding: 0 12px; font-size: 14px;
        color: #cccccc;}}
    .p2{ height:50px; line-height: 50px; text-align: center;
      a{ font-size: 15px; padding: 0 5px}}
  }
  .main {
    .right {
      #sp, .sp1 {
        color: #cccccc;
        font-size: 14px;
      }
      width: 1020px;
      height: 958px;
      background-color: #FFFFFF;
      float: right;
      .s_f {

        font-size: 19px;

        padding-left: 10px;
        height: 65px;
        line-height: 65px;
        border-bottom: 1px #cccccc solid;
        margin-bottom: 60px;
      }
      #sp {
        margin-right: 540px;
        margin-left: 165px;
      }
      #jd {
        width: 675px;
        margin: 0 auto;
        height: 30px;
        line-height: 30px;
        div {
          float: left;
        }
        #cir1 {
          text-align: center;
          color: #FFFFFF;
          line-height: 22px;
          background-color: #23c279;
        }
        #cir2 {
          background-color: #f2f2f2;
          color: #cccccc;
          text-align: center;
          line-height: 22px;
        }
        #cir1, #cir2 {
          width: 30px;
          height: 30px;
          border: 5px #cccccc solid;
          border-radius: 50%;
        }

        #p_1 {
          width: 590px;
          height: 5px;
          background-color: #cccccc;;
          margin-top: 12px;
        }
        #p_2 {
          width: 0px;
          background-color: #23c279;
          height: 5px;
          line-height: 30px;
        }
      }
    }
    .sub {
      padding: 50px 0 0 0px; width:675px; margin: 0 auto;
      ul {
        li {
          span {
            color: #cccccc;
            margin-left: 50px;
          }
        }
      }
      #len {
        width: 600px;
        height: 20px;
        line-height: 20px;
        font-size: 13px;
        margin-left: 85px;
        color: #cccccc;
        display: block;
      }
      p {

        height: 70px;
        span {
          font-size: 15px;
          text-align: right;
          margin-right: 22px;
          display: inline-block;
          width: 63px;
        }
        input:nth-of-type(1), input:nth-of-type(2) {
          text-align: left;
        }
        input {
          width: 515px;
          height: 36px;
          border: 1px #cccccc solid;
          text-align: left;
          color: black;
        }
      }
      div {
        width: 68px;
        height: 28px;
        background-color: #e10222;
        color: #FFFFFF;
        font-size: 16px;
        text-align: center;
        line-height: 28px;
        margin-left: 313px;
        cursor: pointer;
      }
    }

  }
  .sub{
    #num2{
      width:515px;}
    #num{
      width:432px;}
    p{
      a{ display: inline-block;
        width:72px; height:32px; background-color: #dd514c; text-align: center; font-size: 14px; line-height: 32px; margin-left: 8px; color: #FFFFFF;}
    }
  }
}